@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal;}



body{min-width: 1200px; width: 100%; overflow-x:hidden;}





    .topWrap{ height:229px; background:url(../img/h_top_bg.gif) repeat-x center top;}
	.topWrap .header{ width:1200px; margin:0 auto;}
	.topWrap h5{ height:31px; overflow:hidden; font:14px "Microsoft YaHei"; line-height:31px; color:#38414b;}
	.topWrap h5 span{ float:right; display:inline-block;}
	.topWrap h5 a{ display:inline-block; color:#38414b; padding:0 15px;}
	.topWrap h2{ width:445px; height:110px; float:left; overflow:hidden; margin-top:19px; background:url(../img/logo_line.gif) no-repeat right top;}
	.topWrap h2 img{ display:block;width:426px; height:93px;}
	.topWrap h3{ width: auto; float:left; padding:43px 0 0 20px; overflow:hidden; font-size:17px; line-height:25px; color:#555;}
	.topWrap h4{ width:225px; height:58px; margin-top:39px; float:right; font:16px "Microsoft YaHei"; color:#666; background:url(../img/lx.gif) no-repeat left 0; padding-left:70px;}
	.topWrap h4 span{ display:block; font:28px Impact; color:#38414b;}
    .topWrap .menu{ height:64px; padding-top:5px;}
	.topWrap li{ font:16px "Microsoft Yahei";float:left; height:64px; position:relative;}
    .topWrap li a{ display:inline-block;color:#fff;height:64px; line-height:64px;text-align:center; padding:0 35px 0 35px;}
    .topWrap li a:hover ,.topWrap .cur a{ background:#0264b7; font-weight:bold;-webkit-transition:all 0.7s;
	transition:all 0.7s; color:#fff;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.topWrap li .xdh{position:absolute; top:64px; z-index:9999; display:none;}
.topWrap li .xdh a{width:150%; height:40px; line-height:40px; text-align:center; background:#0264b7; padding:0; border-bottom:1px solid #00549c; overflow:hidden; float:left;}
.topWrap li:hover .xdh{display:block;}
.footWrap{ height:290px; padding-top:67px; background:#303030; overflow:hidden;} 
.footWrap .footer{ width:1200px; margin:0 auto;}
.footWrap h2{ width:212px; overflow:hidden; float:left; padding:85px 0 0 0; height:152px;}
.footWrap h2 img{ display:block;width:199px; height:82px;}
.flian{ width:435px; height:215px; overflow:hidden; font:14px "Microsoft YaHei"; line-height:25px; color:#bebebe; background:url(../img/fline.png) no-repeat right 76px;}
.flian h3{ height:48px; font:24px Impact; color:#fff; line-height:48px; background:url(../img/fbg1.png) no-repeat left top; padding-left:82px; margin-bottom:28px;}
.flian a{color:#bebebe;}
.flian h5{ font:18px "Microsoft YaHei"; color:#fff; line-height:24px; margin-bottom:5px;}
.fnav{ width:430px; height:215px; overflow:hidden; padding-left:50px; background:url(../img/fline.png) no-repeat right 76px;}
.fnav h3{ height:48px; font:20px "Microsoft YaHei"; color:#fff; line-height:48px; background:url(../img/fbg2.png) no-repeat left top; padding-left:82px; margin-bottom:28px;}
.fnav p{ width:100%;font:14px "Microsoft YaHei";}
.fnav p a{ display:block; width:105px; height:26px; line-height:26px; color:#bebebe; float:left; padding-left:22px;}
.code{ width:205px; overflow:hidden;}
.code h3{ height:48px; font:20px "Microsoft YaHei"; color:#fff; line-height:48px; background:url(../img/fbg3.png) no-repeat left top; padding-left:82px; margin-bottom:28px;}
.code h5{ width:90px; background:url(../img/code_bg.png) no-repeat left 0; padding-left:75px; margin-left:23px;}
.code h5 img{ display:block; width:84px; height:84px; border:3px solid #fff;}
.code h5 em{ display:block; text-align:center; font:14px "Microsoft YaHei"; line-height:30px; height:30px; color:#bebebe; overflow:hidden;}
.foot{ height:70px; border-top:1px solid #595959;}
.foot p{ width:800px; float:left; height:70px; font:14px "Microsoft YaHei"; line-height:70px; color:#bebebe; overflow:hidden;}
.foot p a{ display:inline-block; padding:0 20px; color:#bebebe;}
.foot h5{ width:300px; float:right; font:14px "Microsoft YaHei"; line-height:70px; color:#bebebe; text-align:right;}
.foot h5 a{ color:#bebebe;}
.foot h5 em{ padding:0 5px;}
        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../img/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0264b7;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0264b7;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    





.cp{margin-top:50px; overflow:hidden;}
.products {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.products_con {
	width: 1200px;
	margin: 0 auto;
}

.products_con h2{height: 192px;text-align: center;font-weight:normal;}

.products_con h2 span{display: block;font-size: 50px;line-height:50px;color: #000;position: relative;padding:50px 0 17px;}

.products_con h2 span:after{position: absolute;width: 3.8%;height:2px;background: #d61518;content: "";bottom: 0;left:48.1%;}

.products_con h2 i{display: block;font-size: 20px;line-height: 50px;color: #000;}

.products_bt {
	width: 1200px;
	height: 195px;
	background: url(../img/products_bt.jpg) no-repeat;
	margin-top: 25px;
}
.fxui-tab {
	width: 1200px;
}
.fxui-tab-hand {
	width: 1156px;
	height: 50px;
	margin: 0 auto;
	padding:5px 0;
}
.fxui-tab-tit a{
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0px 40px;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	font-size:16px; margin-bottom:20px; background:#0264b7; color:#fff; border: 1px solid #0264b7;
}
.fxui-tab-tit a:hover{background:#fff; color:#282828; border: 1px solid #ddd;}

.fxui-tab-hand .curr {
	background: #d61518;
	color: #fff;
}
.fxui-tab-hand .curr a{color:#fff;}
.fxui-tab-nav {
	width: 1200px;
	height: 530px;
	margin-top: 30px;
}
.fxui-tab-nav ul {
	width: 1220px;
}
.fxui-tab-nav ul li {
	width: 285px;
	height: 270px;
	float: left;
	margin-bottom: 30px;
	margin-right: 20px;
}
.fxui-tab-nav ul li div {
	width: 285px;
	height: 223px;
	overflow: hidden;
}
.fxui-tab-nav ul li img {
	width: 285px;
	height: 223px;
	transition: all 0.5s;
}
.fxui-tab-nav ul li:hover img {
	transform: scale(1.1);
}
.fxui-tab-nav ul li span {
	width: 285px;
	height: 45px;
	line-height: 47px;
	font-size: 16px;
	text-align: center;
	color: #444;
	border-bottom: 2px solid #e3e3e3;
	display: block;
	transition: all 0.5s;
}
.fxui-tab-nav ul li:hover span {
	background: #0264b7;
	border-bottom: 2px solid #0264b7;
	color: #fff;
}




.tit{ text-align:center; padding:23px 0 20px; background:url(../img/line.png) no-repeat center top;}

.tit em{ display:block; font:16px Arial; text-transform:uppercase; color:#666; padding-top:9px;}

.tit i{ display:block; font:16px Arial; text-transform:uppercase; color:#a9a9a9; padding-top:9px;}


.yinz{ height:525px; margin-top:50px; overflow:hidden;}

.yinz ul{ height:210px; border-bottom:1px solid #d7d9db; margin-top:15px;}

.yinz li{ width:220px; background:url(../img/yinz_line.gif) no-repeat right 4px; float:left; height:205px; padding-left:100px;}

.yinz li em img{ display:block; margin-bottom:5px;}

.yinz li span{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#282828;}

.yinz li span i{ font:46px Impact;}

.yinz li p{ display:block; font:18px "Microsoft YaHei"; color:#666; margin-top:8px; padding-top:12px; background:url(../img/yinz_line1.gif) no-repeat left top;}

.yinz .li1{ width:220px; padding-left:50px;}

.yinz .li4{ width:220px;}

.yinz .li5{ width:170px; background:none;}

.yinz li:hover span{ color:#0264b7;}

.yinz li:hover p{ color:#0264b7; font-weight:bold;background:url(../img/yinz_line2.gif) no-repeat left top;}

.yinz h5{ width:520px; margin:30px auto 0;}

.yinz h5 a{ display:block; width:210px; height:50px; font:20px "Microsoft YaHei"; text-align:center; line-height:50px; color:#fff; float:left; background:#0264b7; margin-top:13px;}

.yinz h5 span{ display:block; float:right; width:205px; font:16px "Microsoft YaHei"; color:#666; background:url(../img/lx.gif) no-repeat left center; padding:10px 0 10px 70px;}

.yinz h5 span em{ display:block; font:28px Impact; color:#282828;}



.yst{ height:285px; overflow:hidden; background:url(../img/ys_h.jpg) no-repeat center top;}

.yst h2{ height:58px; font:30px "Microsoft YaHei"; font-weight:bold; line-height:58px; color:#0264b7; padding:116px 0 0 375px;}

.yst h2 em{ font-weight:normal; color:#fff; padding-left:70px;}

.yst h2 i{ display:block; font:16px Arial; text-transform:uppercase; color:#b8e5fe; padding-top:28px; margin-left:-40px;}

.ys1{ height:553px;}

.ys1 h3{ width:632px;}

.ys1 dl{ width:525px; margin-top:80px;}

.ys1 dt{ height:127px; overflow:hidden; background:url(../img/ys_line.png) repeat-x center bottom; margin-bottom:34px;}

.ys1 dt em{ display:block; width:120px; height:105px; background:url(../img/ys_h.png) no-repeat; font:60px Arial; color:#0264b7; line-height:105px; padding-left:15px; float:left;}

.ys1 dt span{ display:block; width:330px; float:left; padding-left:20px; font:30px "Microsoft YaHei"; font-weight:bold; color:#222;}

.ys1 dt span i{ display:block; font:30px Arial; color:#cecece; text-transform:uppercase;}

.ys1 dd p{ font:16px "Microsoft YaHei"; line-height:36px; color:#666; background:url(../img/ys_jt.png) no-repeat left 12px; padding-left:28px;}

.ys1 dd p b{ color:#0264b7;}

.ys2{ background:url(../img/ys_bg2.jpg) no-repeat center top; height:555px;}

.ys2 dl,.ys4 dl{ margin-top:160px;}

.ys3{ height:484px; margin-top:46px;}

.ys4{ background:url(../img/ys_bg4.jpg) no-repeat center top; height:600px;}



.case{ height:820px; margin-top:50px; overflow:hidden;}

.case1{ height:622px; overflow:hidden; position:relative;}

.caset{ width:500px; height:625px; overflow:hidden; float:left; background:url(../img/case_bg1.jpg) no-repeat center top;}

.caset li{ width:225px; height:187px; padding:18px 0 0 25px; float:left;position:relative; overflow:hidden;}

.caset li a{ display:block; color:#fff; height:187px;}

.caset li em{ display:block; font:18px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; padding-top:10px; position:absolute; top:168px; padding-top:0;}

.caset li p{ font:14px "Microsoft YaHei"; line-height:25px; height:75px; overflow:hidden; padding-right:20px; padding-top:8px; margin-bottom:10px; display:none;}

.caset li p span{display:block} 

.caset li b{ display:block; width:25px; height:25px; background:url(../img/case_more.png) no-repeat; margin-top:0px; display:none;}

.caset li img{ display:block; width:202px; height:143px; margin-bottom:3px;}

.caset li i{ display:block; width:202px; height:143px; position:absolute; top:18px; padding:2px;}


.caset li a:hover i,.caset .cur i{ display:block; border:2px solid #fff; padding:0;}

.caset li a:hover em,.caset .cur em{ position:absolute; top:168px; padding-top:0;}

.caset li a:hover p,.caset .cur p,.caset li a:hover b,.caset .cur b{ display:none;}


.caset h5{ width:225px; height:147px; padding:28px 0 0 25px; float:left;}

.caset h5 a{ display:block; color:#fff;}

.caset h5 em{ display:block; font:18px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden;} 

.caset h5 p{ font:14px "Microsoft YaHei"; line-height:22px; height:66px; overflow:hidden;}

.caset h5 b{ display:block; width:25px; height:25px; background:url(../img/case_more.png) no-repeat; margin-top:5px;}

.case2{ width:700px; height:622px; float:right;}
.case2 dl{display:inline-block; height:100%;}

.case2 dt img{ display:block;width:700px; height:514px;}

.case2 dd{ position:absolute; bottom:0; width:640px; height:83px; padding:25px 30px 0 30px; background:rgba(0,0,0,0.9);}

.case2 dd p{ width:455px; overflow:hidden; float:left; color:#fff;}

.case2 dd p a{ display:block; font:18px "Microsoft YaHei"; line-height:34px; height:34px; overflow:hidden;color:#fff;}

.case2 dd p span{ display:block; font:14px "Microsoft YaHei"; line-height:24px; height:24px; overflow:hidden;}

.case2 dd i a{ display:block; width:111px; height:32px; background:#0264b7; float:right; margin-top:12px; font:14px "Microsoft YaHei"; text-align:center; line-height:32px; color:#fff; overflow:hidden;}

.arr3{ font:54px "宋体"; color:#0264b7; position:absolute; top:225px; left:520px; cursor:pointer;}

.arr4{font:54px "宋体"; color:#0264b7; position:absolute; top:225px; right:20px; cursor:pointer;}



.honor{ background:url(../img/honor_bg.jpg) no-repeat center top; height:574px; overflow:hidden; padding-top:70px;}

.honor .tit{background:url(../img/line2.png) no-repeat center top;}

.honor .tit em{ color:#fff;}

.honor h5{ width:500px; margin:0 auto;}

.honor h5 a{ display:block; width:210px; height:50px; font:20px "Microsoft YaHei"; text-align:center; line-height:50px; color:#fff; float:left; background:#0264b7;}

.honor h5 span{ display:block; float:right; width:205px; font:16px "Microsoft YaHei"; color:#fff; background:url(../img/honor_lx.png) no-repeat left center; padding-left:60px;}

.honor h5 span em{ display:block; font:28px Impact; color:#fff;}

.honor1{ position:relative; height:300px; margin-top:15px; margin-bottom:20px;}

.honor1 ul{ overflow:hidden;}

.honor1 li{ width:170px; float:left; background:url(../img/honor_bg1.jpg) no-repeat center top; margin-right:35px;}

.honor1 li img{ display:block; width:147px; height:214px; padding:11px 0 8px 11px;}

.honor1 li em{ display:block; font:14px "Microsoft YaHei"; line-height:44px; height:44px; overflow:hidden; color:#555; text-align:center;}

.arr1{ font:44px "宋体"; color:#fff; position:absolute; top:75px; left:-50px;}

.arr2{font:44px "宋体"; color:#fff; position:absolute; top:75px; right:-50px;}



.news{height:670px; padding-top:60px; background:url(../img/new_bg.jpg) no-repeat center top;overflow: hidden;}

.news-l{width: 499px;float: left;}

.news-l h3{ height:63px; overflow:hidden; font:24px "Microsoft YaHei"; color:#333; background:url(../img/new_line.gif) no-repeat 194px 45px;}

.news-l h3 a{ color:#333;}

.news-l h3 em{ display:block; font:18px Arial; text-transform:uppercase; color:#888; letter-spacing:5px;}

.news_c dt img{width:499px; height:250px;}

.news_c dt a{width:499px; height:250px;display: block;margin-top: 20px;}

.news_c dd h4 a{font:18px "Microsoft YaHei";color: #0264b7;font-weight: normal;background:url(../img/new_line2.gif) no-repeat left 23px;

	padding-top: 20px;text-indent:20px;display: block; height:22px; overflow:hidden; line-height:22px;}

.news_c dd p{font:14px "Microsoft YaHei";color: #777;padding-top: 18px;line-height: 24px;padding-bottom: 26px;

	border-bottom: 4px solid #eaeaea;margin-bottom:20px; height:48px; overflow:hidden;}	

.news_c span{ display: block;font:14px "Microsoft YaHei";color: #777;line-height: 30px;float: left;text-indent:15px;

	font-weight: normal;background:url(../img/new_dot.gif) no-repeat left center;overflow:hidden;}	



.news-r{width: 633px;float: right;}	

.news-r dl{border-bottom: 4px solid #eaeaea;padding-bottom: 65px;margin-top: 63px;}

.news-r dt{ height:30px; overflow:hidden;}

.news-r dt a{ display:block;font:18px "Microsoft YaHei";color: #333;font-weight: normal;height: 30px;padding-left:25px; float:left; line-height:30px; overflow:hidden;}

.news-r dt em{ display:block; float:left; width:59px; height:30px; background:#0264b7; font:18px "Microsoft YaHei"; text-align:center; line-height:30px; color:#fff;}

.news-r dd p{font:14px "Microsoft YaHei";color: #777;padding-top: 18px;line-height: 24px; height:72px; overflow:hidden;

}	

.news-r dd span a{float: right;width:111px; height:32px;display: block;margin-top: 10px; border:1px solid #0264b7; font:14px "Microsoft YaHei"; text-align:center; line-height:32px; color:#0264b7;}



.wen h2{ height:63px; overflow:hidden; font:24px "Microsoft YaHei"; color:#333; background:url(../img/new_line.gif) no-repeat 54px 45px; margin-top:25px;}

.wen h2 a{ color:#333;}

.wen h2 em{ display:block; font:18px Arial; text-transform:uppercase; color:#888; letter-spacing:5px;}

.wen li{font:14px "Microsoft YaHei";height: 41px;line-height: 41px;border-bottom: 1px dashed #ccc;color: #777; overflow:hidden;}

.wen li.nones{border-bottom: 0;}	

.wen span a{float: right;width:111px; height:32px;display: block;margin-top:6px; border:1px solid #0264b7; font:14px "Microsoft YaHei"; text-align:center; line-height:32px; color:#0264b7;}



.about{ margin-top:65px; overflow:hidden;}

.about h3 img{ display:block;}

.about dl{ padding:25px 0px;}

.about dd{ font:14px "Microsoft YaHei"; line-height:26px; overflow:hidden;}

.about dt a{ display:block; width:206px; height:50px; background:#0264b7; font:20px "Microsoft YaHei"; color:#fff; line-height:50px; overflow:hidden; text-align:center; margin:20px auto 0;}

/*友情链接*/

.link{height:58px;line-height:58px;color: #fff;background:#fff;color: #9a9a9a;}

.link span{width:125px;color: #333;font-size: 16px;}

.link a{padding: 0 26px;display: inline-block;color: #9a9a9a;}




.banner {
    height: auto!important;
}
.wrap {
	position: relative;
}
.centered-btns_nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 38px;
	height: 61px;
	transition: .5s;
	margin-top: -40px;
	line-height: 200px;
	background-image: url(../img/arrow.gif);
	overflow: hidden;
	opacity: .1;
}
.centered-btns_nav:hover{
	opacity: .7;
}
.prev{
	left: 0;
}
.next {
	right: 0;
	background-position: right 0;
}

.centered-btns_nav:active {
	opacity: 1;
}

.centered-btns_tabs {
    margin-top: 15px;
    text-align: center;
    font-size: 0;
    position: absolute;
    list-style-type: none;
    width: 100%;
    z-index: 99;
    bottom: 15px;
}

.centered-btns_tabs li {
	display: inline-block;
	margin: 0 3px;
	*display: inline;
	*zoom: 1;
}

.centered-btns_tabs a {
	display: inline-block;
	width: 15px;
	height: 8px;
	border-radius: 8px;
	line-height: 8px;
	background-color: rgba(255, 255, 255, .3);
	background-color: #ccc\9;
	overflow: hidden;
	*display: inline;
	*zoom: 1; text-indent:-9999px;
}
.centered-btns_here a{
	width: 30px;
	background-color: rgba(255, 255, 255, .9);
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}




.tit{margin:0 auto 38px;}
.cp .tit{margin:0 auto 10px;}

.tit span{display: block; text-align: center; font-size: 46px; line-height: 46px; color:#333333; margin-bottom: 15px;}

.tit i{display: block; text-align: center; font-size: 22px; line-height: 22px; color:#333333;}



.product{height:1040px; background:url(../img/product.jpg) no-repeat center;}

.pro{}

.pro .tit{background:url(../img/prok.png) no-repeat center 25px;}

.pro .pronav{margin-bottom: 20px;}

.pro .pronav ul li{float:left;width:400px;height:180px;background:#0163B7;padding-top:36px; padding-left:30px;box-sizing: border-box;}

.pro .pronav ul li span{display: block;width:337px; margin-bottom: 27px;}

.pro .pronav ul li span a{display: block; font-size: 28px; line-height: 28px; color:#FFFFFF; background:url(../img/jt.png) no-repeat right;}

.pro .pronav ul li p{display: block;}

.pro .pronav ul li p a{display: block; width:50%; float:left; font-size: 16px; color:#FFFFFF;line-height: 16px; margin-bottom: 11px;}

.pro .pronav ul li p a:first-child{margin-left: 0;}

.pro .pronav ul li:first-child p a:nth-child(4){margin-left: 0;}

.pro .pronav ul li:hover{background:#282828;}

.pro .pronav ul li.on{background:#282828;}

.pro .pronav ul li:last-child p a{width:185px;margin-left:0;}

.pro .pronav ul li:last-child p a:first-child{margin-left:0;}

.pro .pronav ul li.last p a:nth-child(3){margin-left:0;}

.pro .prosm{height:550px;position: relative;}

.pro .prosm ul li{width:360px;  height:270px;float:left;margin-bottom: 10px; position: relative;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}

.pro .prosm ul li:nth-child(2n){float:right;}

.pro .prosm ul li.last p a:nth-child(3){margin-left:0;}

.pro .prosm ul li span{display: block;width:360px;  height:270px;overflow: hidden;}

.pro .prosm ul li span img{width:360px;  height:270px; transition: .5s;}

.pro .prosm ul li span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);}

.pro .prosm ul li em{display: block; font-size: 24px; line-height: 24px; color:#333333; padding-bottom:44px; background:url(../img/jt_h.png) no-repeat left bottom; position: absolute;top:41px; left:25px;}

.pro .prosm ul li:first-child{margin-right: 460px;}

.pro .prosm .prot{width:460px; height:550px; background:#FFF;position: absolute;top:0; left:370px;padding-top:41px;box-sizing: border-box;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}

.pro .prosm .prot span{display: block;margin-bottom: 16px; text-align: center;}

.pro .prosm .prot span a{display: block; font-size: 24px; line-height: 24px; color:#333333; font-weight: bold;}

.pro .prosm .prot p{width:315px; height:39px; margin:0 auto; font-size: 16px; color:#666666;padding-bottom:45px; background:url(../img/jt_h.png) no-repeat bottom center;text-align: center;}

.pro .prosm .prot strong{display: block; width:460px; height:385px;overflow: hidden;}

.pro .prosm .prot strong img{ width:460px; height:385px;transition: .5s;}

.pro .prosm .prot:hover strong img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);}